<template>
    <el-breadcrumb :separator-icon="ArrowRight">
        <el-breadcrumb-item :to="{ path: '/welcome' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>{{ menu1 }}</el-breadcrumb-item>
        <el-breadcrumb-item>{{ menu2 }}</el-breadcrumb-item>
    </el-breadcrumb>
</template>



<script setup lang="ts">
import { ArrowRight } from '@element-plus/icons-vue'
const props = defineProps({
    menu1: {
        type: String,
        default: '一级菜单'
    },
    menu2: {
        type: String,
        default: '二级菜单'
    },
})

</script>

<style scoped></style>